<!--
 * @Descripttion: 
 * @Author: Wang Dejiang(aei)
 * @Date: 2022-04-20 17:17:23
 * @LastEditors: Wang Dejiang(aei)
 * @LastEditTime: 2022-05-04 09:31:41
-->
<template>
  <div class="apiContainer">
    <div class="directory">
      <DirectoryVue :list="apiList" />
    </div>
    <div class="content">
      <ContentVue :list="apiList" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import DirectoryVue from '../components/docView/Directory.vue'
import ContentVue from '../components/docView/Content.vue'
import { apiList } from '../assets/source'
import { ref } from 'vue'
const list = ref(apiList)
</script>

<style lang="less">
@media (min-width: 769px) {
  .apiContainer {
    display: flex;
    padding-top: 50px;
  }
  .directory {
    flex: 1;
    height: calc(100vh - 50px);
  }
  .content {
    flex: 5;
    height: calc(100vh - 50px);
  }
}
@media (max-width: 768px) {
  .directory {
    display: none;
  }
  .apiContainer {
    margin-top: 98px;
  }
}
</style>
